<div class='mkt-page-gift-cards'>

  <svg height='0' style='position: absolute' width='0'>
    <symbol id='svg-opencollective-logo' viewbox='0 0 28 29'>
      <path clip-rule='evenodd' d='M25.3181 6.02884C26.8768 8.29254 27.7904 11.0413 27.7904 14.0054C27.7904 16.9695 26.8768 19.7186 25.3181 21.982L21.7188 18.3541C22.4256 17.065 22.8279 15.5824 22.8279 14.0054C22.8279 12.4284 22.4256 10.9461 21.7188 9.65697L25.3181 6.02884Z' fill-rule='evenodd' fill='white' opacity='0.56'></path>
      <path clip-rule='evenodd' d='M21.809 2.49194L18.2094 6.1198C16.9305 5.40733 15.4598 5.00181 13.8952 5.00181C8.96191 5.00181 4.96247 9.03294 4.96247 14.0053C4.96247 18.9778 8.96191 23.0089 13.8952 23.0089C15.4598 23.0089 16.9305 22.6034 18.2094 21.8909L21.809 25.5188C19.5632 27.0899 16.836 28.0107 13.8952 28.0107C6.22115 28.0107 0 21.7402 0 14.0053C0 6.27047 6.22115 0 13.8952 0C16.836 0 19.5632 0.920826 21.809 2.49194Z' fill-rule='evenodd' fill='white'></path>
    </symbol>
    <symbol id='svg-add-tiny' viewbox='0 0 8 8'>
      <path clip-rule='evenodd' d='M4.0005 0C3.44794 0 3 0.447939 3 1.0005V3H1C0.447715 3 0 3.44772 0 4V4C0 4.55228 0.447715 5 1 5H3V6.9995C3 7.55206 3.44794 8 4.0005 8V8C4.55306 8 5.001 7.55206 5.001 6.9995V5H7C7.55228 5 8 4.55228 8 4V4C8 3.44772 7.55228 3 7 3H5.001V1.0005C5.001 0.447939 4.55306 0 4.0005 0V0Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol id='svg-minus-tiny' viewbox='0 0 8 2'>
      <rect height='2' rx='1' width='8'></rect>
    </symbol>
    <symbol id='svg-checkmark-tiny' viewbox='0 0 8 8'>
      <path d='M3.30913 8C3.0158 8 2.73358 7.88442 2.52358 7.67438L0.32583 5.47599C-0.10861 5.04257 -0.10861 4.34021 0.32583 3.90569C0.760269 3.47116 1.46248 3.47116 1.89692 3.90569L3.16913 5.17835L5.98574 0.462633C6.34352 -0.0341285 7.03573 -0.149706 7.53683 0.20814C8.03572 0.565985 8.14905 1.26056 7.79128 1.75843L4.21134 7.53769C4.01245 7.81663 3.68357 8 3.30913 8Z'></path>
    </symbol>
    <symbol id='svg-alert-tiny' viewbox='0 0 2 8'>
      <path clip-rule='evenodd' d='M0 4V1C0 0.354858 0.447754 0 1 0C1.55225 0 2 0.354858 2 1V4C2 4.64514 1.55225 5 1 5C0.447754 5 0 4.64514 0 4ZM2 7C2 7.55225 1.55225 8 1 8C0.447754 8 0 7.55225 0 7C0 6.44775 0.447754 6 1 6C1.55225 6 2 6.44775 2 7Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol height='81' id='svg-card-waves' preserveAspectRatio='xMidYMax meet' viewbox='0 0 288 81' width='288'>
      <g fill-rule='evenodd' fill='none' stroke-width='1' stroke='none'>
        <path d='M288,12.4570165 L288,81.0000165 L0,81.0000165 L0,56.2650165 C177.12,69.4070165 120.24,-3.60588353 288,12.4570165 Z' fill='#FFFFFF'></path>
        <path d='M0,53.9550165 C135.72,56.2140165 109.8,-25.8974835 288,8.37871647 C288,9.13201647 288,11.4933165 288,13.0000165 C123,-4.49998353 177.12,69.7740165 0,56.2140165 C0,12.5219165 0,55.8380165 0,53.9550165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.4'></path>
        <path d='M0,11.5714165 C106.2,11.5714165 161.64,51.8360165 288,35.2790165 C288,30.7630165 288,54.8470165 288,57.8570165 C280.44,57.8570165 32.4,57.8570165 0,57.8570165 C0,14.2056165 0,13.4529165 0,11.5714165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.24'></path>
      </g>
    </symbol>
  </svg>

  <section class='hero relative'>
    <div class='wrapper center relative'>
      <header>
        <div class='flex items-center justify-center primary200 pb4'>
          <svg height='1' opacity='0.56' width='40'>
            <rect height='1' width='40'></rect>
          </svg>
          <svg class='mx1' height='29' width='28'>
            <use xlink:href='#svg-opencollective-logo'></use>
          </svg>
          <svg height='1' opacity='0.56' width='40'>
            <rect height='1' width='40'></rect>
          </svg>
        </div>
        <h1 class='h600 white100 -font-extra-bold pb4'>מעניקים נתינה.</h1>
        <h2 class='h300 primary50 -font-semi-bold pb4 lg-col-6 md-col-8 mx-auto'>כרטיסי המתנה של Open Collective מעודדים את העובדים שלך או את חברי הקהילה לתמוך במיזמי הקוד הפתוח שהם אוהבים.</h2>
      </header>
      <img alt='אנשים עם כרטיסי מתנה' src='images/illustration.svg'>
    </div>
  </section>

  <section class='features'>
    <section class='wrapper'>
      <div class='md-flex items-center'>
        <div class='md-col-5 pb4 md-pb0'>
          <h1 class='h600 -font-extra-bold neutralsolid900 pb4'>אנו דואגים לכול.</h1>
          <p class='neutralsolid700'>רק נזדקק לרשימת כתובות מייל ואנחנו כבר נשלח קודים למימוש. אפשר להוסיף גם הודעה אישית. אנחנו יכולים לגבות מאמצעי התשלום רק כשיש כרטיס מתנה לביצוע תרומה. אפשר להגביל את כרטיסי המתנה לסוגים מסויימים של קבוצות (לפי סוג או ארגוןגג) כדי שאפשר יהיה לשלוט בסוגי הקבוצות שיקבלו תמיכה בכסף שלך. כל חודש תישלח אליך דרישת תשלום מרכזת לפי ארגון.</p>
        </div>
        <div class='md-col-1'></div>
        <div class='md-col-6 center md-flex'>
          <picture>
            <img alt='עריכת ארגון' class='mobile-show' src='images/phone-send-cards.jpg'>
            <img alt='עריכת ארגון' class='mobile-hide' src='images/triplebyte-edit-organization.jpg'>
          </picture>
        </div>
      </div>
    </section>
    <section class='wrapper'>
      <div class='md-flex items-center'>
        <div class='md-col-5 order-2 pb4 md-pb0'>
          <h1 class='h600 -font-extra-bold neutralsolid900 pb4'>לעשות זאת בדרך שלך.</h1>
          <p class='neutralsolid700'>אפשר לממש קודים ולשלוח אותם בדוא״ל, לתת כרטיסים מודפסים, או להפיץ אותם בכל דרך כרצונך.</p>
        </div>
        <div class='md-col-6 center md-flex justify-end'>
          <picture>
            <img alt='קודים מותאמים אישית למימוש' class='mobile-show' src='images/phone-redeem-codes.jpg'>
            <img alt='קודים מותאמים אישית למימוש' class='mobile-hide' src='images/airbnb-edit-organization.jpg'>
          </picture>
        </div>
        <div class='md-col-1'></div>
      </div>
    </section>
    <section class='wrapper'>
      <div class='md-flex items-center'>
        <div class='md-col-5 pb4 md-pb0'>
          <h1 class='h600 -font-extra-bold neutralsolid900 pb2'>לעשות את המאמץ הנוסף.</h1>
          <p class='neutralsolid700'>שימוש ב-API שלנו ליצירת עיצובים חדשים לאתר שלך או עוד רעיונות יצירתיים. See for example <a href="https://triplebyte.com/open-source-donations">the open source page that Triplebyte has built</a>.</p>
        </div>
        <div class='md-col-1'></div>
        <div class='md-col-6 center md-flex'>
          <picture>
            <img alt='צילום מסך api' class='mobile-show' src='images/phone-api.jpg'>
            <img alt='המיזמים המובילים בכמות התרומות שקיבלו' class='mobile-hide' src='images/top-projects.jpg'>
          </picture>
        </div>
      </div>
    </section>
  </section>

  <section class='companies'>
    <div class='wrapper'>
      <header class='center pb4'>
        <h1 class='h600 -font-extra-bold neutralsolid900 pb4'>את/ה בחברה טובה.</h1>
        <h2 class='h300 neutralsolid900'>להלן הדרכים המגוונות בהן ארגונים אחרים כבר משתמשים בכרטיסי המתנות של Open Collective.</h2>
      </header>
      <div class='gift-cards'>
        <article class='sm-flex'>
          <div class='card-col sm-col-6 pb4 md-pb0'>
            <div class='gift-card triplebyte-card'>
              <div class='flex'>
                <div class='gift-card-avatar col-6'>
                  <img alt='הסמל של triplebyte' src='images/triplebyte-avatar.png'>
                </div>
                <div class='gift-card-text col-6'>
                  <p class='paragraph white48'>שלום ואהלן! This is your Triplebyte giftcard!</p>
                </div>
              </div>
              <svg class='gift-card-svg' viewbox='0 0 288 81'>
                <use xlink:href='#svg-card-waves'></use>
              </svg>
              <div class='gift-card-amount'>
                <p>
                <span class='h400'>$100</span>
                <sup class='caption neutralsolid500'>USD</sup>
                </p>
              </div>
            </div>
          </div>
          <div class='card-desc-col sm-col-6'>
            <header>
              <h1 class='h400 pb4 neutralsolid800 -font-extra-bold'>Triplebyte</h1>
              <h2 class='h400 pb4 neutralsolid500'>„אנו ממנפים את הידע הנצבר של הלקוחות שלנו כדי לבזר מימון של קוד פתוח”</h2>
            </header>
            <p class='neutralsolid800'>Triplebyte is giving every software engineer accepted on their platform $100 to donate to their favorite open source software projects.</p>
          </div>
        </article>
        <article class='sm-flex'>
          <div class='card-col sm-col-6 pb4 md-pb0'>
            <div class='gift-card digital-ocean-card'>
              <div class='flex'>
                <div class='gift-card-avatar col-6'>
                  <img alt='הסמל של digital ocean' src='images/digital-ocean-avatar.png'>
                </div>
                <div class='gift-card-text col-6'>
                  <p class='paragraph white48'>שלום ואהלן! This is your DigitalOcean giftcard!</p>
                </div>
              </div>
              <svg class='gift-card-svg' viewbox='0 0 288 81'>
                <use xlink:href='#svg-card-waves'></use>
              </svg>
              <div class='gift-card-amount'>
                <p>
                <span class='h400'>$100</span>
                <sup class='caption neutralsolid500'>USD</sup>
                </p>
              </div>
            </div>
          </div>
          <div class='card-desc-col sm-col-6'>
            <header>
              <h1 class='h400 pb4 neutralsolid800 -font-extra-bold'>DigitalOcean</h1>
              <h2 class='h400 pb4 neutralsolid500'>„מתנה לתורמים הגדולים בקהילה שלנו”</h2>
            </header>
            <p class='neutralsolid800'>DigitalOcean מעניקה לשגרירי המוצרים שלה כרטיסי מתנה.</p>
          </div>
        </article>
        <article class='sm-flex'>
          <div class='card-col sm-col-6 pb4 md-pb0'>
            <div class='gift-card airbnb-card'>
              <div class='flex'>
                <div class='gift-card-avatar col-6'>
                  <img alt='הסמל של airbnb' src='images/airbnb-avatar.png'>
                </div>
                <div class='gift-card-text col-6'>
                  <p class='paragraph white48'>שלום ואהלן! This is your Airbnb giftcard!</p>
                </div>
              </div>
              <svg class='gift-card-svg' viewbox='0 0 288 81'>
                <use xlink:href='#svg-card-waves'></use>
              </svg>
              <div class='gift-card-amount'>
                <p>
                <span class='h400'>$100</span>
                <sup class='caption neutralsolid500'>USD</sup>
                </p>
              </div>
            </div>
          </div>
          <div class='card-desc-col sm-col-6'>
            <header>
              <h1 class='h400 neutralsolid800 pb4 -font-extra-bold'>Airbnb</h1>
              <h2 class='h400 pb4 neutralsolid500'>„מארח לקוד פתוח”</h2>
            </header>
            <p class='neutralsolid800'>כדי לוודא שקוד פתוח תמיד רצוי אצלנו, Airbnb תעניק כרטיסי מתנות למועמדים לתפקידי הנדסה.</p>
          </div>
        </article>
      </div>
    </div>
  </section>

  <section class='faq'>
    <div class='wrapper'>
      <header>
        <h1 class='h400'>שאלות נפוצות</h1>
      </header>
      <div class='md-col-8 mx-auto'>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 -font-medium'>
            מה קורה אם כרטיסי המתנות לא מנוצלים?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 paragraph neutralsolid600'>החיוב יתבצע רק עם מימוש כרטיס המתנה. אם בחרת להעניק כרטיס מתנה בשווי 50 ש"ח לעשרה עובדים, אבל רק שמונה ישתמשו בהם, הסכום שייבה ממך הוא 400 ש"ח בלבד.</p>
        </details>
        <hr>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 -font-medium'>
            מקבלים על זה חשבונית?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 paragraph neutralsolid600'>כן, תישלח דרישת תשלום מרוכזת חדשית מהארון <a href='https://opencollective.com/opensource'>Open Collective.</a></p>
        </details>
        <hr>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 -font-medium'>
            יש תאריך תפוגה?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 paragraph neutralsolid600'>ברירת המחדל היא שיפוג תוקפו של כרטיס המתנה לאחר שלושה חודשים, אבל באפשרותך להגיד תאריך תפוגה אחר. אם כרטיסי המתנה לא ימומשו עד תאריך התפוגה, הם לא יהיו פעילות ולא יהיה חיוב עבורם.</p>
        </details>
        <hr>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 -font-medium'>
            קיבלתי כרטיס מתנה—האם עלי להשתמש בכולו בבת אחת?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 paragraph neutralsolid600'>לא. אפשר להשתמש בכרטיס המתנה בכל סכום למספר קבוצות, כל עוד יש מספיק יתרה בכרטיס.</p>
        </details>
        <hr>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 -font-medium'>
            מי יופיע כתומך? החברה שלי או העובדים שלי?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 paragraph neutralsolid600'>גם וגם! האנשים שנתת להם את כרטיס המתנה הם אלה שבוחרים את קבוצות ה־Collective בהן הם רוצים לתמוך. אך התרומה שלהם תראה שהם השתמשו בכרטיס מתנה מהחברה שלך והחברה שלך תופיע כנותנת חסות לקבוצת ה־Collective. אפשר לראות למשל את <a href='https://opencollective.com/triplebyte'>Triplebyte</a> שמופיעים כמממנים של <a href='https://opencollective.com/electron'>Electron</a>.</p>
        </details>
      </div>
    </div>
  </section>

  <section class='cta-bottom relative'>
    <div class='center'>
      <svg class='bubbles' height='149' viewbox='0 0 448 149' width='448' xmlns='http://www.w3.org/2000/svg'>
        <path d='M37.2 74.4C57.7449 74.4 74.3999 57.745 74.3999 37.2C74.3999 16.655 57.7449 0 37.2 0C16.655 0 0 16.655 0 37.2C0 57.745 16.655 74.4 37.2 74.4Z' fill='#FFF'></path>
        <path d='M229.2 93.4C249.745 93.4 266.4 76.745 266.4 56.2C266.4 35.655 249.745 19 229.2 19C208.655 19 192 35.655 192 56.2C192 76.745 208.655 93.4 229.2 93.4Z' fill='#FFF'></path>
        <path d='M417 81C434.121 81 448 67.1208 448 50C448 32.8792 434.121 19 417 19C399.879 19 386 32.8792 386 50C386 67.1208 399.879 81 417 81Z' fill='#FFF'></path>
        <path d='M361 113C367.627 113 373 107.627 373 101C373 94.3726 367.627 89 361 89C354.373 89 349 94.3726 349 101C349 107.627 354.373 113 361 113Z' fill='#FFF'></path>
        <path d='M279 136C290.046 136 299 127.046 299 116C299 104.954 290.046 96 279 96C267.954 96 259 104.954 259 116C259 127.046 267.954 136 279 136Z' fill='#FFF'></path>
        <path d='M203 149C206.866 149 210 145.866 210 142C210 138.134 206.866 135 203 135C199.134 135 196 138.134 196 142C196 145.866 199.134 149 203 149Z' fill='#FFF'></path>
        <path d='M147.6 117.2C157.873 117.2 166.2 108.872 166.2 98.6C166.2 88.3275 157.873 80 147.6 80C137.328 80 129 88.3275 129 98.6C129 108.872 137.328 117.2 147.6 117.2Z' fill='#FFF'></path>
      </svg>
    </div>
    <br/>
    <br/>
    <div class='wrapper'>
      <header class='center'>
        <h1 class='h600 white100 -font-extra-bold'>הצטרפות לחגיגת המתנות!</h1>
      </header>
    </div>
  </section>

</div>
